<div class="container">
  <span class="slider">
    <lv-slider
      [(ngModel)]="val"
      [lvLines]="lines"
      [lvPoints]="points"
      [lvTooltip]="tipTemp"
      [lvMin]="0"
      [lvMax]="86400"
      [lvTrackVisible]="false"
      [lvHoverShowTooltip]="true"
      (onChange)="onChange($event)"
      (onSlideEnd)="onSlideEnd($event)"
    >
      <ng-template #tipTemp let-data>{{ valToTime(data) }}</ng-template>
    </lv-slider>
  </span>
  <lv-time-picker
    [(ngModel)]="timeValue"
    (ngModelChange)="timeChange($event)"
    lvPlaceholder="HH:mm:ss"
  ></lv-time-picker>
</div>
